<%@ include file="include.jsp" %>
<style>  
             .form-item { margin: 20px 0; }  
             .form-label { font-weight: bold; }  
             .form-error-field { background-color: FFC; }  
             .form-error-message { font-weight: bold; color: 900; }  
         </style>  
<!-- start page -->
<div id="page"><!-- start content -->
<div id="content">
<div class="post">
<h1 class="title">Make a Reservation With Us</h1>
<div class="entry">

<br>
<form:form action="addReservationConfirm.html" modelAttribute="newReservation">
<body>

Please enter the following information:<br>
<hr style="width: 100%; height: 2px;">

     <div class="form-item">  
         <div class="form-label">Room Number:</div>  
			<SELECT name=roomNumber> 
					<c:forEach var="suite" items="${suiteList}">
					<OPTION value=${suite.number} >${suite.number} - ${suite.name}</OPTION> 
					</c:forEach>
			</SELECT>
         <div class="form-error-message"><form:errors path="roomNumber"/></div>
    </div>  

 	<div class="form-item">  
         <div class="form-label">Number of Guests:</div>  
 			<SELECT name=totalNumberOfGuests> 
				<OPTION value=1 selected>1</OPTION> 
				<OPTION value=2>2</OPTION> 
				<OPTION value=3>3</OPTION> 
				<OPTION value=4>4</OPTION> 
			</SELECT>
       <div class="form-error-message"><form:errors path="totalNumberOfGuests"/></div>
 	</div>
 	<div class="form-item">  
         <div class="form-label">Check in Date: </div>  
         <form:input path="checkIn" size="40" cssErrorClass="form-error-field" />  
         <div class="form-error-message"><form:errors path="checkIn"/></div>  
     </div>
     <div class="form-item">  
         <div class="form-label">Check out Date:  </div>  
         <form:input path="checkOut" size="40" cssErrorClass="form-error-field" />  
         <div class="form-error-message"><form:errors path="checkOut"/></div>  
     </div>
	<div class="form-item">  
         <input type="submit" name="submit" value="Submit" />  
     </div>  
</form:form>
</body>


</div>
<div class="meta">
<p class="byline"><br />
</p>
<p class="links">&nbsp;<b>|</b>&nbsp;</p>
</div>
</div>
</div>
<!-- end content --><!-- start side bar -->
<div id="sidebar">
    
<img src="images/KC_Ext_RS.jpg"> 
    
</div>
<!-- end sidebar -->

<div style="clear: both;"></div>
</div>



